<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>面包屑导航</title>
  <style>

    .breadcrumb li{
       /*float: left;*/
       display: inline-block;
       margin-left: 2px;
       list-style-type: none;
    }

    .clearfix{
       clear: both;
    }

 .breadcrumb li+li:before{
     display: inline-block;
     content: '/';
 }

  </style>
</head>
<body>

 <ol class="breadcrumb">
   <li >主页</li>
   <li>系统管理</li>
   <li>用户管理</li>
 </ol>

<ol class="clearfix">
  <li>java</li>
</ol>

</body>
</html>